<template>
        <div id="tmpl">
            <!--新闻详情  -->
            <div class="title">
                <h4 v-text="info.title"></h4>
                <p>{{info.add_time | datefmt('YYYY-MM-DD HH-mm-ss')}} {{info.click}}次浏览</p>
            </div>
            <div id="content" v-html="info.content">
            </div>
            <!--实现评论部分  -->
            <comment :id="id"></comment>
        </div>
</template>

<script>
import { Toast } from 'mint-ui';
//导入公共域名
import common from '../../kits/common.js';
//导入评论组件
import comment from '../subcom/comment.vue';
        export default{
            components:{
                comment   //注册评论组件
            },
            data(){
                return {
                    id:0,      //传入的id值
                    info:{}
                }
            },
            created(){
                //获取url中传入的id参数值赋值给data中的id
                this.id = this.$route.params.id;
                //请求服务器获取到ID对应的数据
                this.getinfo();
            },
            methods:{
                getinfo(){
                    var url = common.apiDomain+'/api/getnew/'+this.id;
                    this.$http.get(url).then(function(res){
                        var body = res.body;
                        if(body.status != 0){
                            Toast(body.message);
                            return;
                        }
                        this.info = body.message[0];
                    })
                }
            }
        }
</script>

<style scoped>
    .title h4{
        color:#0094FF;
    }
    .title p{
        color:rgba(0,0,0,0.4);
    }
    .title,#content{
        padding: 5px;
    } 
</style>